<template>
  <div class="BorrowerInformation2_1">
    <div class="BorrowerInformation2_2">标的信息</div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_4">
        姓名：<span class="BorrowerInformation2_span">{{ name1 }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        身份证号：<span class="BorrowerInformation2_span">{{ cardid }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        年龄：<span class="BorrowerInformation2_span">{{
          list.lender_age
        }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_4">
        性别：<span class="BorrowerInformation2_span">{{
          list.lender_sex
        }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        工作性质：<span class="BorrowerInformation2_span">{{
          list.lender_work
        }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        收入：<span class="BorrowerInformation2_span">{{
          list.lender_money
        }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_2">证明文件</div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_4">
        <i class="el-icon-success" style="color: #5cb6ff"></i> 身份证
      </div>
      <div class="BorrowerInformation2_4">
        <i class="el-icon-success" style="color: #5cb6ff"></i> 个人信用报告
      </div>
      <div class="BorrowerInformation2_4">
        <i class="el-icon-success" style="color: #5cb6ff"></i> 房产证
      </div>
    </div>
    <div class="BorrowerInformation2_2">平台借款记录</div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_4">
        借款笔数：<span class="BorrowerInformation2_span">{{
          list2.record_cishu
        }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        逾期次数：<span class="BorrowerInformation2_span">{{
          list2.record_number
        }}</span>
      </div>
      <div class="BorrowerInformation2_4">
        逾期总金额：<span class="BorrowerInformation2_span">{{
          list2.record_money0
        }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_2">信用信息</div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_5">违约贷款笔数：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_number }}</span>
      </div>
      <div class="BorrowerInformation2_5">违约贷款余额：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_money }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_5">违约贷记卡笔数：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_card }}</span>
      </div>
      <div class="BorrowerInformation2_5">违约贷记卡余额：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{
          list3.credit_card_money
        }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_5">贷款近6个月最长逾期月份数：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_month }}</span>
      </div>
      <div class="BorrowerInformation2_5">贷记卡近6个月最长逾期月份数：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_month }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_3">
      <div class="BorrowerInformation2_5">对外担保金额：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_amount }}</span>
      </div>
      <div class="BorrowerInformation2_5">对外担保状态：</div>
      <div class="BorrowerInformation2_6">
        <span class="BorrowerInformation2_span">{{ list3.credit_status }}</span>
      </div>
    </div>
    <div class="BorrowerInformation2_7">
      <div class="BorrowerInformation2_8">免责声明:</div>
      <div class="BorrowerInformation2_8">
        1、以上信息来自于借款人提供给金科网贷金融的原始信息资料，借款人对其提供信息的可靠性和准确性负责。
      </div>
      <div class="BorrowerInformation2_8">
        2、金科网贷金融秉持客观、公正、严谨、透明的原则代借款人披露信息，但不保证所获得的原始信息以及披露信息的真实性、准确性和完整性。
      </div>
      <div class="BorrowerInformation2_8">
        3、在任何情况下，金科网贷金融不对任何人因使用以上信息所导致的损失负法律责任。
      </div>
    </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  data() {
    return {
      list: {},
      list2: {},
      list3: {},
      propertyId: null,
      name1: "",
      cardid: "",
    };
  },
  methods: {
    getSignInformation5() {
      this.propertyId = this.$route.query.propertyId;
      axios({
        url: "api/lender/getInter",
        method: "post",
        params: {
          propertyId: this.propertyId,
        },
      }).then((res) => {
        console.log(res);
        this.list = res.data.lenderEntity;
        this.list2 = res.data.recordEntity;
        this.list3 = res.data.creditEntity;
        this.name1 = this.list.lender_name.replace(
          this.list.lender_name.slice(1, 2),
          "*"
        );
        this.cardid = this.list.lender_card.replace(
          this.list.lender_card.slice(4, 20),
          "************"
        );
        if (this.list3.credit_card == null || this.list3.credit_card == "") {
          this.list3.credit_card = "--";
        }
         if (this.list3.credit_card_money == null || this.list3.credit_card_money == "") {
          this.list3.credit_card_money = "--";
        }
         if (this.list3.credit_number == null || this.list3.credit_number == "") {
          this.list3.credit_number = "--";
        }
         if (this.list3.credit_money == null || this.list3.credit_money == "") {
          this.list3.credit_money = "--";
        }
      });
    },
  },
  created() {
    this.getSignInformation5();
  },
};
</script>

<style>
.BorrowerInformation2_span {
  color: black;
  font-size: 100%;
  font-weight: bold;
}
.BorrowerInformation2_8 {
  width: 100%;
  height: 30px;
  float: left;
}
.BorrowerInformation2_7 {
  width: 90%;
  margin-left: 5%;
  float: left;
  height: 150px;
  /* background-color: red; */
  margin-top: 50px;
  color: #999999;
  font-size: 85%;
}
.BorrowerInformation2_5 {
  float: left;
  width: 300px;
  height: 40px;
  line-height: 50px;
  text-align: right;
  color: #999999;
}
.BorrowerInformation2_6 {
  float: left;
  /* background-color: red; */
  width: 15%;
  line-height: 50px;
}
.BorrowerInformation2_4 {
  float: left;
  width: 32%;
  color: #999999;
  line-height: 50px;
}
.BorrowerInformation2_3 {
  width: 90%;
  margin-left: 5%;
  float: left;
  height: 40px;
}
.BorrowerInformation2_2 {
  float: left;
  width: 90%;
  margin-left: 5%;
  height: 30px;
  margin-top: 50px;
  font-size: 90%;
  border-bottom: 1px solid #a4a2a2;
  font-weight: bold;
}
.BorrowerInformation2_1 {
  float: left;
  width: 100%;
  height: 100%;
}
</style>